﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>PhoneGuitarTab</title>
        <meta name="viewport" content="width=device-width" />

        <style>
            #audioSection {  }
            #audio1{opacity:0.4;  margin-left: -8px; margin-top: -5px;}
            #info {font: 10px Segoe UI; color:white;}
        </style>
      
        <link rel="stylesheet" type="text/css" href="css/site.css"/>
        <link rel="stylesheet" type="text/css" href="css/tabdiv.css" />
		
        <!-- sandbox-specific files -->
        <script src="js/sandbox/jquery-1.10.2.min.js"></script>
        <script src="js/sandbox/tabs.js"></script>
        <script src="js/sandbox/waypoints.min.js"></script>
        <script src="js/shared/interaction.js"></script>
        <script src="js/shared/jquery.sticky.js"></script>
     

        <!-- vexflow scripts-->
        <script src="js/utils/core.js"></script>
        <script src="js/stave/vexflow/header.js"></script>
        <script src="js/stave/vexflow/vex.js"></script>
        <script src="js/stave/vexflow/flow.js"></script>
        <script src="js/stave/vexflow/fraction.js"></script>
        <script src="js/stave/vexflow/tables.js"></script>
        <script src="js/stave/vexflow/fonts/vexflow_font.js"></script>
        <script src="js/stave/vexflow/glyph.js"></script>
        <script src="js/stave/vexflow/stave.js"></script>
        <script src="js/stave/vexflow/staveconnector.js"></script>
        <script src="js/stave/vexflow/tabstave.js"></script>
        <script src="js/stave/vexflow/tickcontext.js"></script>
        <script src="js/stave/vexflow/tickable.js"></script>
        <script src="js/stave/vexflow/note.js"></script>
        <script src="js/stave/vexflow/barnote.js"></script>
        <script src="js/stave/vexflow/ghostnote.js"></script>
        <script src="js/stave/vexflow/stavenote.js"></script>
        <script src="js/stave/vexflow/tabnote.js"></script>
        <script src="js/stave/vexflow/beam.js"></script>
        <script src="js/stave/vexflow/voice.js"></script>
        <script src="js/stave/vexflow/voicegroup.js"></script>
        <script src="js/stave/vexflow/modifier.js"></script>
        <script src="js/stave/vexflow/modifiercontext.js"></script>
        <script src="js/stave/vexflow/accidental.js"></script>
        <script src="js/stave/vexflow/dot.js"></script>
        <script src="js/stave/vexflow/formatter.js"></script>
        <script src="js/stave/vexflow/stavetie.js"></script>
        <script src="js/stave/vexflow/tabtie.js"></script>
        <script src="js/stave/vexflow/tabslide.js"></script>
        <script src="js/stave/vexflow/bend.js"></script>
        <script src="js/stave/vexflow/vibrato.js"></script>
        <script src="js/stave/vexflow/annotation.js"></script>
        <script src="js/stave/vexflow/articulation.js"></script>
        <script src="js/stave/vexflow/tuning.js"></script>
        <script src="js/stave/vexflow/stavemodifier.js"></script>
        <script src="js/stave/vexflow/keysignature.js"></script>
        <script src="js/stave/vexflow/timesignature.js"></script>
        <script src="js/stave/vexflow/clef.js"></script>
        <script src="js/stave/vexflow/music.js"></script>
        <script src="js/stave/vexflow/keymanager.js"></script>
        <script src="js/stave/vexflow/renderer.js"></script>
        <script src="js/stave/vexflow/raphaelcontext.js"></script>
        <script src="js/stave/vexflow/stavevolta.js"></script>
        <script src="js/stave/vexflow/staverepetition.js"></script>
        <script src="js/stave/vexflow/stavebarline.js"></script>
        <script src="js/stave/vexflow/stavesection.js"></script>
        <script src="js/stave/vexflow/stavehairpin.js"></script>
        <script src="js/stave/vexflow/stavetempo.js"></script>
        <script src="js/stave/vexflow/tremolo.js"></script>
        <script src="js/stave/vexflow/tuplet.js"></script>
        <script src="js/stave/vexflow/boundingbox.js"></script>
        <script src="js/stave/vexflow/textnote.js"></script>
        <script src="js/stave/vexflow/tabrestnote.js"></script>
		
        <!-- MusicTab -->
        <script src="js/stave/context.js"></script> 
        <script src="js/stave/helper.js"></script>
        <script src="js/stave/view.js"></script> 
        <script src="js/stave/paginator.js"></script> 
		
        <script src="js/tablatures/track.js"></script>
        <script src="js/tablatures/parsers/alphaTab.js"></script>
        <script src="js/tablatures/adapters/TabAdapter.js"></script>
        <script src="js/tablatures/adapters/alphaTabAdapter.js"></script>
        <script src="js/tablatures/adapters/ugTabAdapter.js"></script>
        <script src="js/utils/filereader.js"></script>
        <script src="js/tablatures/tabFactory.js"></script>
    
       
    </head>
    <body>
        <div id="audioSection">
            <label id="info"></label>
            <audio id="audio1"  src="" controls="">  </audio>
        </div>  
        <div id="body"></div>
        <div id="EmptySpaces">
            <br /><br /><br /><br />
        </div>
    </body>
</html>